/* 
    Document   : header
    Created on : 20-nov-2012, 12.29.25
    Author     : Marco Moretti
    Description:
        Purpose of the stylesheet follows.
*/


#header {
    border-bottom: 3px solid #666;
    height: 20%;
    background-image:url("../img/banner.jpg") ;
    overflow:hidden;
    position:relative;
}

#logo {
    border: 0px;
    width: 400px;
    height: 110px;
    padding: 0px;
    margin-right: 2%;
    margin-left: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
}


#logout{
	position:absolute;
	right:0px;
	bottom:0px;
}
#logout:hover{
	cursor:pointer;
}

#navigation{
  position:relative;
  width:100%;
  height:5%;
  margin: 0;
  padding: 0;
  border-bottom: 3px solid #666;
  list-style-type: none;
  background: white;
  float:left;
  overflow:hidden;


}
#navigation li{
  padding: 0;
  margin: 0;
  display: inline;

}

#navigation li a{
  text-transform:uppercase;
  font-family:sans-serif;
  border-right:1px solid #666;
  border-left:1px solid #666;
  position:relative;
  top:-17px;
  left:-35px;
  float: left;
  color: black;
  text-decoration: none;
  padding: .6em 1.5em;

}


#navigation li a:hover{
  background: #ed7a44;
  color:white;

}


